//@ts-nocheck
import React from 'react'
// import LikeIcon from '../../images/心心备份@2x.png'
// import DislikeIcon from '../../images/icon_不喜欢、心碎@2x.png'
import './index.less'

const CommentList = ({ data }) => {
  return (
    <div className="douyin-comment-list">
      <div className="douyin-comment-list-left">
        <img width="100%" height="100%" src={data.userWxAvatar} alt="" />
      </div>
      <div className="douyin-comment-list-right">
        <div className="douyin-comment-list-right-name">{data.name}</div>
        <div className="douyin-comment-list-right-content">
          {data.content}
        </div>
        <div className="douyin-comment-list-right-info">
          <div className="douyin-comment-list-right-left">
            <span className="douyin-comment-list-ip">{data.showDate}</span>
            <span className="douyin-comment-list-reply">回复</span>
          </div>
          {/* 产品说目前先没有，但是结构留着，万一以后要做 */}
          {/* <div className="douyin-comment-list-right-right">
            <span className='douyin-comment-like'>
              <img width={18} height={18} src={LikeIcon} alt="" />1
            </span>
            <span>
              <img width={16} height={16} src={DislikeIcon} alt="" />
            </span>
          </div> */}
        </div>
      </div>
    </div>
  )
}

export default CommentList
